<div ng-init="init();" class="kmi-layout-content SMT15-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT15.title' | translate"></div>
    </div>
    <div class="kmi-layout-main-content">
        <!-- 基本資料 data -->
        <div class="kmi-row-fields data">
            <!-- 使用者資料 data_user -->
            <div class="column-item left data_user">
                <img src="image/icons/person.png"></img> 
                <label ng-bind="user_name"></label>
            </div>
            <!-- 環境資料 data_environment -->
            <div class="column-item right data_environment">
                <label ng-bind="('home.env' | translate) + envInfo"></label>
            </div>
        </div>
        <!-- 主要流程 process -->
        <div class="process">
            <div class="process_model" ng-repeat-start="phase in phases"
                ng-click="BackToPhase($index)" ng-class="PhaseStatus($index)">
                <label class="process_item" ng-bind="'SMT15.'+phase | translate" ></label>
            </div>
            <i class="material-icons process_arrowIcons" ng-repeat-end ng-if="!$last">keyboard_arrow_right</i>
        </div>
        <!-- 搜尋掃描欄 qr-code -->
        <div class="kmi-row-fields barcode_content qr-code" id="input_barcode">
            <img src="image/icons/search.png"></img> 
            <!-- <input class="qr-code_input" mdl-barcode="input_barcode(barcode)"/> -->
            <input class="barcode_input value input_plot" readonly="readonly"
                ng-keypress="input_PDA_barcode($event);" ng-model="barcode" hidekeyboard="true" />
            <div class="qr-code_icon" ng-click="QRCodeScanner();">
                <img src="image/icons/QRCode.png">
            </div>
        </div>
        <!-- 主要內容 SMT15_main -->
        <div class="SMT15_main">
            <div class="kmi-row-fields main_fields">
                <!-- 雙面板  double_panel -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.double_panel' | translate"></label>
                    <div class="check-point-switch" ng-class="{'is-selected': double_panel_btn}" 
                            ng-click="isDoublePanel();">
                        <div style="width:24px;height:24px;"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 生產批號  lot_no -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.lot_no' | translate"></label>
                    <label class="value" ng-bind="pcs_list.lot_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 生產線  area_no -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.area_no' | translate"></label>
                    <label class="value" ng-bind="pcs_list.area_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 作業站  op_no -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.op_no' | translate"></label>
                    <label class="value" ng-bind="pcs_list.op_no"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 板號1  panel_one -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.panel_one' | translate"></label>
                    <label class="value" ng-bind="pcs_list.panel_one"></label>
                </div>
            </div>
            <div class="kmi-row-fields main_fields">
                <!-- 板號2  panel_two -->
                <div class="column-item">
                    <label class="label main_item" ng-bind="'SMT15.list.panel_two' | translate"></label>
                    <label class="value" ng-bind="pcs_list.panel_two"></label>
                </div>
            </div>
        </div>
        <!-- 序號綁定 SMT15_binding -->
        <div class="kmi-list SMT15_binding">
            <!-- 序號綁定項目 binding_item  -->
            <div class="kmi-list__header">
                <div class="kmi-list__column binding_item" style="flex: 0 0 15%;" ng-bind="'SMT15.list_pcs.number' | translate"></div>
                <div class="kmi-list__column binding_item" style="flex: 1" ng-bind="'SMT15.list_pcs.pcs_no' | translate"></div>
                <div class="kmi-list__column binding_item" style="flex: 0 0 10%;"></div>
            </div>
            <!-- 序號綁定項目資料(ng-repeat)  -->
            <div class="kmi-list__row-content" >
                <div class="kmi-list__row" ng-repeat="item in pcsNo_list" ng-class="[{'show-redIcon': item.status == 'N'},{'show-greenIcon': item.status != 'N'}]">
                    <div class="kmi-list__column binding_item" style="flex: 0 0 15%;" ng-bind="$index+1"></div>
                    <div class="kmi-list__column binding_item" style="flex: 1" ng-bind="item.pcs_no"></div>
                    <div class="kmi-list__column binding_item" style="flex: 0 0 10%;">
                        <i class="material-icons upLine_redIcon init-none ng_show-redIcon" ng-click="removeRow(item);">remove</i>
                        <img class="init-none ng_show-greenIcon" style="width: 26px;" src="image/icons/check1.png">
                    </div>
                </div>
            </div>
        </div>
        <!-- 關閉按鈕 & 確定按鈕 -->
        <div class="kmi-mobile__btn-content" style="justify-content: space-around; display: flex;">
            <button class="kmi-button__mobile" ng-click="back();">
                <label ng-bind="'SMT15.close' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
            <button class="kmi-button__mobile" ng-click="confirm();">
                <label ng-bind="'SMT15.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
